<!DOCTYPE html>    
<html lang="zh-CN">    
  <head>    
    <meta charset="UTF-8" />    
    <title>文本基本练习</title>    
    <style type="text/css">    
      p:first-of-type {    
        font-size: 14px;    
      }    
    
      .class1 {    
        font-size: 24px;    
        font-weight: bold;    
      }    
    
      hr {    
        width: 200px;    
        height: 0;    
        border: 5px solid black;    
        border-top: none;    
        border-right: none;    
        border-left: none;  
        margin: 0;    
      }    
    
      #id1 li {    
        display: inline;    
        list-style-type: none;     
      }    
    </style>    
  </head>    
    
  <body>    
    <p>手机充值、IP卡/电话卡</p>    
    <p class="class1">移动&nbsp;|&nbsp; 100 | &nbsp;联通 | &nbsp;50</p>    
    <hr />    
    <ul id="id1">     
      <li>如何注册会员？|</li>    
      <li>如何激活会员名？|</li>    
    </ul>    
  </body>    
</html>